import React from 'react';
import DatabaseCompare from '../components/ToolKit/DBCompare';
import Environment from '../pages/ToolKit/dbEnv';
import ToolKitHome from '../pages/ToolKit/index';
import { RouteConfig } from '../types/router.types';

const ToolKit: RouteConfig[] = [
  {
    path: "/toolkit", 
    element: React.createElement(ToolKitHome),
    children: [
      // 这个组件在渲染的时候不会覆盖掉/Toolkit的内容
      // { path: "Environment", element: React.createElement(Environment) },
      
    ],
  },
  // 这个组件在渲染的时候会覆盖掉/Toolkit的内容
  { path: "/toolkit/environment", element: React.createElement(Environment) },
  {
    path: "/toolkit/database-compare",
    element: React.createElement(DatabaseCompare),
  }
];

export default ToolKit;